/* .wide {
    border: 1px solid red;
} */

.med {
    display: flex;
    justify-content: center;
}

.med >div:nth-child(1){
    /* border: 1px solid black; */
    width: 1500px;
}

/* ---------------------------第一大div之新闻动态与图片---------------------------------------- */
/* 设置背景图与新闻动态与图片居中 */
.med > div:nth-child(1) >div:nth-child(1) {
    margin-top: -150px;
    display: flex;
    justify-content: center;
    background-image: url('../img/3_fhea.png');
    background-size: 100% 100%;
    width: 1500px;
    height: 700px;
}

/* 设置包裹新闻动态与图片的div的尺寸 */
.med > div:nth-child(1) >div:nth-child(1) > div:nth-child(1) {
    width: 1200px;
    /* border: 1px solid red; */
}

/* 设置包裹图片div的div的尺寸 */
.med > div:nth-child(1) >div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    display: flex;
    justify-content: center;
}

/* 设置包裹图片的div的尺寸 */
.med > div:nth-child(1) >div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 900px;
    height: 320px;
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
}

/* 设置包裹图片的完全填充 */
.med > div:nth-child(1) >div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

/* ------------------------------书籍类别-------------------------------------- */
/* 第二大div整体居中 */
.med > div:nth-child(1) > div:nth-child(2) {
    margin-top: -270px;
    display: flex;
    justify-content: center;
    /* border: 1px solid red; */
}


/* 设置导航标题与下面具体内容尺寸 */
.med > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 1200px;
}

/* 导航标题格式 */
.med > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    display: flex;
    /* border: 1px solid black; */
    justify-content: space-around;
    color: green;
    font-size: 20px;
    margin-bottom: 10px;
}

/* 设置标题下划线 */
.med > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) >div>div:nth-child(1) {
    padding-bottom: 5px;
    border-bottom: 3px solid white;
}

/* 设置标题hover事件 */
/* 设置标题下划线 */
.med > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) >div>div:nth-child(1):hover {
    font-weight: bold;
    border-bottom: 3px solid green;
}

/*----------------------------------书籍封面--------------------------------------------*/
.med >div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){
    display: flex;
    justify-content: center;
    /*flex-direction: column;*/
    align-content: center;

}

.books-cover {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    /*border: 1px solid red;*/
    margin-bottom: 10px;
    /*padding-bottom: 100px;*/
}

/*设置包裹图片div的尺寸*/
.books-cover > div:nth-child(1){
    width: 450px;
    height: 350px;
    /*border: 1px solid black;*/
}

/*设置图片div的完全填充*/
.books-cover > div:nth-child(1) img{
    width: 100%;
    height: 100%;
}

/*设置包裹书本价格的与名字的div*/
.books-cover > div:nth-child(2){
    width: 500px;
    height: 350px;
    /*border: 1px solid green;*/
}
/*设置书本标题与下面的下划线*/
.books-cover > div:nth-child(2)>div:nth-child(1){
    border-bottom: 1px solid #5a5a5a ;
    font-size: 18px;
    line-height: 140%;
    color: black;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
}
/*设置市场价格的样式*/
.books-cover > div:nth-child(2)>div:nth-child(2)>div:nth-child(1){
    font-family: 'Microsoft YaHei';
    color:#5a5a5a;
    text-decoration: line-through;
}

/*设置价格的样式*/
.books-cover > div:nth-child(2)>div:nth-child(2)>div:nth-child(2){
    display: flex;
}

.books-cover > div:nth-child(2)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2){
    font-weight: bold;
    color: red;
}

/*---------------------------书本简介------------------------------*/
.books-info {
    /*border: 1px solid red;*/
    margin-bottom: 10px;
}

/*设置包裹书名的框以及书名样式*/
.books-info > div:nth-child(1){
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    color: #868686;
    line-height: 1.7em;
    margin-bottom: 10px;
    padding: 5px;
}

/*设置书本简介*/
.books-info > div:nth-child(2){
    padding-left: 20px;
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #434343;
    height: 500px;
}

/*------------------------------产品上一个下一个-------------------------------------*/
.switch {
    /*border: 1px solid red;*/
    justify-content: center;
    flex-direction: column;
    padding-left: 20px;
}

/*设置文字单行溢出.*/
.switch div {
    /*宽度设置在包裹文字外部第一个div上*/
    width: 150px;
    overflow: hidden;
    /*文本不会换行*/
    white-space: nowrap;
    /*当文本溢出包含元素时，以省略号表示超出的文本*/
    text-overflow: ellipsis;
}

.switch div >div:nth-child(1) {
    color: #434343;
    cursor: pointer;
}

.switch div div:nth-child(1):hover {
    color: #048BCD;
    font-weight: bold;
}


